<template>
	<view class="agreement-container">
		<view class="header">
			<text class="title">{{title}}</text>
		</view>

		<scroll-view scroll-y class="content">
			<rich-text :nodes="content"></rich-text>
		</scroll-view>

		<view class="footer">
			<button @click="handleBack">返回</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '',
				content: '',
				type: '' // 'agreement' 或 'privacy'
			}
		},
		onLoad(options) {
			this.type = options.type || 'agreement'
			this.title = this.type === 'agreement' ? '用户服务协议' : '隐私政策'
			this.content = this.type === 'agreement' ? this.getAgreementContent() : this.getPrivacyContent()
		},
		methods: {
			getAgreementContent() {
				return `
        <h2>用户服务协议</h2>
          <p>最后更新日期：2023年XX月XX日</p>
          
          <h3>1. 协议适用范围</h3>
          <p>本协议是您与本公司之间关于使用本小程序服务的法律协议。</p>
          
          <h3>2. 服务内容</h3>
          <p>本小程序为您提供XXXX服务，具体功能包括XXXX。</p>
          
          <h3>3. 用户行为规范</h3>
          <p>您同意在使用本服务时遵守所有适用的法律法规，并同意不进行任何违法或不正当的行为。</p>
          
          <h3>4. 免责声明</h3>
          <p>本公司不对因不可抗力或非本公司过错造成的服务中断或用户损失承担责任。</p>
          
          <h3>5. 协议修改</h3>
          <p>本公司有权根据需要不时修改本协议条款，修改后的协议将在公布后生效。</p>
      `
			},
			getPrivacyContent() {
				return `
        
          <h2>隐私政策</h2>
          <p>最后更新日期：2023年XX月XX日</p>
          
          <h3>1. 信息收集</h3>
          <p>我们可能收集以下信息：</p>
          <ul>
            <li>用户注册时提供的个人信息（如昵称、手机号等）</li>
            <li>使用服务时产生的数据（如浏览记录、操作日志等）</li>
            <li>设备信息（如设备型号、操作系统版本等）</li>
          </ul>
          
          <h3>2. 信息使用</h3>
          <p>我们收集的信息将用于：</p>
          <ul>
            <li>提供和优化我们的服务</li>
            <li>保障账户和服务安全</li>
            <li>遵守法律法规要求</li>
          </ul>
          
          <h3>3. 信息共享</h3>
          <p>我们不会将您的个人信息出售给第三方。仅在以下情况下共享：</p>
          <ul>
            <li>获得您明确同意后</li>
            <li>根据法律法规要求</li>
            <li>为保护用户或公众利益</li>
          </ul>
          
          <h3>4. 信息安全</h3>
          <p>我们采取合理措施保护您的信息安全，但无法保证绝对安全。</p>
          
          <h3>5. 您的权利</h3>
          <p>您可以访问、更正或删除您的个人信息，也可以撤回已同意的授权。</p>
       
      `
			},
			handleBack() {
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	.agreement-container {
		padding: 20rpx;
		display: flex;
		flex-direction: column;
		height: 100vh;
	}

	.header {
		padding: 20rpx 0;
		text-align: center;
		border-bottom: 1px solid #eee;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
	}

	.content {
		flex: 1;
		padding: 20rpx;
		margin-bottom: 20rpx;
		line-height: 1.6;
	}

	.content h3 {
		margin: 30rpx 0 15rpx;
		font-size: 32rpx;
	}

	.content p,
	.content li {
		margin-bottom: 10rpx;
		font-size: 28rpx;
	}

	.footer {
		padding: 20rpx 0;
	}

	.footer button {
		background-color: #007AFF;
		color: white;
	}
</style>